@extends('common.base-master')

@section('html-head')
    <link rel="stylesheet" type="text/css" href="{{url('slick/slick.css')}}"/>
    <script src="{{url('js/mui.min.js')}}"></script>
    <script type="text/javascript" src="{{url('js/hmt.js')}}" ></script>
    <script src="{{url('slick/slick.js')}}" type="text/javascript" ></script>
    <script type="text/javascript" src="{{url('js/shopcar.js')}}" ></script>
    <!--插件-->
    <link rel="stylesheet" href="{{url('css/swiper.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{url('css/common.css')}}"/>
    <style>
        .content-banner img{
            width: 100%;
        }
        .content{
            padding: 5%;
            width: 100%;
            word-wrap: break-word;

        }
        .info img{
            max-height: 100%;
            max-width: 100%;
        }
    </style>
@endsection

@section('html-body')
    <header class="mui-bar mui-bar-nav report-header box-s" id="header" style="background-color: #49cabf">
        <a href="javascript:history.go(-1)"><i class="iconfont icon-fanhui fl"></i></a>
        <p style="width: 90%;">内容</p>
        {{--<span class="fr baocun"><a href="#" id="btn_save">保存</a></span>--}}
    </header>
    <div style="margin-top: 15%;background-color: #ffffff;">
        <div class="content-banner">
            <img src="{{route('Api.Image.Show',['id'=>$article->img_id])}}">
        </div>
        <div class="content">
            <ul>
                <li style="margin-bottom: 3%;">
                    <span>
                        <img style="width: 4%" src="{{url('img/content-title.png')}}" />
                        <span style="padding-left: 3%">{{$article->title}}</span>
                    </span>
                </li>
                <li class="info">
                    <?php echo $article->content ?>
                </li>
            </ul>
        </div>
    </div>
    <script>
        document.title="{{$article->title}}";
    </script>
@endsection